<template>
	<view class="content">
		<view class="section-0">
			<view class="top">
				<view class="qr">
					<image mode="aspectFill" src="../../../src/imgs/qr.png"></image>
				</view>
				<view class="title">
					智慧业主管控平台APP
				</view>
				<image class="save" mode="aspectFit" src="../../../src/imgs/account-share-save.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.section-0{
		width: 100%;
		height: calc(100vh);
		background-color: #2e5efe;
		.top{
			width: 100%;
			height: 100%;
			background-image: url(../../../src/imgs/account-top-full.jpg);
			background-size: cover;
			background-repeat: no-repeat;
			border-top-left-radius: 50rpx;
			border-top-right-radius: 50rpx;
			overflow: hidden;
			.qr{
				width: 312rpx;
				height: 312rpx;
				overflow: hidden;
				border-radius: 48rpx;
				background-color: #fff;
				margin: 0 auto;
				margin-top: 106rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.title{
				width: 100%;
				font-size: 28rpx;
				font-weight: 300;
				color: #fff;
				text-align: center;
				letter-spacing: 4rpx;
				margin-top: 34rpx;
			}
			.save{
				margin-left: 135rpx;
				width: 480rpx;
				height: 148rpx;
				margin-top: 84rpx;
			}
		}
	}
</style>
